//- 体验列表
extends src/template/layout
block css
	link(rel="stylesheet" href="/src/css/swiper.less")
block js
	script require(['common', 'enjoy_list'])
block main
	//- header
	+comHeader({
		left: {icon: 'search', id: 'j_search'},
		right: {icon: 'menu', id: 'j_menu'}
	})
	+ListBanner('体验列表')
	-
		var navBars = [
			{nm: '精选', key: 'hot', isCur: true},
			{nm: '生活方式', key: 'liftStyle'},
			{nm: '运动户外', key: 'outside'},
			{nm: '美食饮料', key: 'foods'},
			{nm: '文化历史', key: 'history'}
		];
	.com-card#j_enjoy_card
		h2.com-card-title 超级体验
		section.com-tab
			nav.com-tab-bar.u-fc.swiper-container.com-scrollx-wrap
				.swiper-wrapper
					each item in navBars
						a.swiper-slide(href="javascript:void(0);", data-key="#{item.key}")&attributes({class: item.isCur ? 'is-cur': ''}) #{item.nm}
			.com-tab-container.swiper-container
				section.com-tab-content.swiper-wrapper
					each item in navBars
						.com-tab-wrap.swiper-slide(data-target="#{item.key}")&attributes({class: item.isCur ? 'is-cur': ''})
							+Article(false, '体验蓝湖之美')
							+Article(false, '体验蓝湖之美')
							.com-card-tip.u-fc
								a.com-btn.btn-stroke.article-more(href="javascript:void(0);") 点击加载更多